<template>
<!-- 组件结构 -->
<div class ="demo">
    <h4>学校名称：{{name}}</h4>
    <h4>学校地址：{{address}}</h4>
    </div>  
</template>

<script>
//此处编写：组件的配置对象并暴露出去
export default {
    name :'School',
    data(){
        return {
            name:'尚硅谷',
            address:'宏福科技园',
            city:'北京',
            tel:'12345678901'

        }
    }
}
</script>

<style>
/* 组件样式 */
.demo{
    background-color: pink;
    padding: 20px;
}
</style>